<!DOCTYPE html>
<html lang="zh:Hans">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="asset/plugins/layui/css/layui.css?rev=@@hash">
    <link rel="stylesheet" href="asset/css/main.css?rev=@@hash">
    <title>layui后台管理系统</title>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <header class="layui-header">
        <div class="layui-logo">菜小屋后台布局</div>
        <!-- 头部区域 -->
        <ul class="layui-nav layui-layout-left">
            <li class="layui-nav-item"><a href="javascript:;">控制台</a></li>
            <li class="layui-nav-item layui-this"><a href="javascript:;">商品管理</a></li>
            <li class="layui-nav-item"><a href="javascript:;">用户</a></li>
            <li class="layui-nav-item">
                <a href="javascript:;">其它系统</a>
                <dl class="layui-nav-child">
                    <dd><a href="javascript:;">邮件管理</a></dd>
                    <dd><a href="javascript:;">消息管理</a></dd>
                    <dd><a href="javascript:;">授权管理</a></dd>
                </dl>
            </li>
        </ul>
        <div class="layui-layout-right">
            <div class="layui-form-item g-d--i-b">
                <div class="layui-inline">
                    <div class="layui-input-inline">
                        <input type="text" name="search" required lay-verify="required" placeholder="请输入查询内容"
                               autocomplete="off" class="layui-input">
                    </div>
                    <div class="layui-input-inline layui-input-width--auto">
                        <button class="layui-btn">查询</button>
                    </div>
                </div>
            </div>
            <ul class="layui-nav g-d--i-b">
                <li class="layui-nav-item"><a href="javascript:;">
                    <img src="http://t.cn/RCzsdCq" alt="" class="layui-nav-img">
                    徐子玉
                </a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;">基本资料</a></dd>
                        <dd><a href="javascript:;">安全设置</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">退出</a>
                </li>
            </ul>
        </div>
    </header>
    <!-- 侧边区域 -->
    <aside class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!--左侧导航区域（可配合layui已有的垂直导航）-->
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <li class="layui-nav-item layui-nav-itemed">
                    <a href="javascript:;">所有商品</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;">列表1</a></dd>
                        <dd><a href="javascript:;">列表2</a></dd>
                        <dd><a href="javascript:;">列表3</a></dd>
                        <dd><a href="javascript:;">超链接</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">所有用户</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;">列表1</a></dd>
                        <dd><a href="javascript:;">列表2</a></dd>
                        <dd><a href="javascript:;">列表3</a></dd>
                        <dd><a href="javascript:;">超链接</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a href="javascript:;">云市场</a></li>
                <li class="layui-nav-item"><a href="javascript:;">发布商品</a></li>
            </ul>
        </div>
    </aside>
    <!-- start layui-body -->
    <article class="layui-body">
        <div class="m-breadcrumb-wrap">
            <span class="layui-breadcrumb m-breadcrumb">
                <a href="javascript:;">一级</a>
                <a href="javascript:;">二级</a>
                <a><cite>当前页面</cite></a>
            </span>
        </div>
        <div class="m-page-header">
            <div class="layui-row">
                <div class="layui-col-md4 layui-col-sm12">
                    <h1 class="m-header_title">
                        <i class="layui-icon">&#xe68e;</i>
                        首页
                    </h1>
                </div>
                <div class="layui-col-md8 layui-col-sm12 layui-form g-ta--r">
                    <div class="layui-form-item g-d--i-b g-m--0">
                        <div class="layui-input-inline">
                            <input type="text" name="search" required  lay-verify="required" placeholder="请输入查询内容" autocomplete="off" class="layui-input">
                        </div>
                            <button class="layui-btn">查询</button>
                    </div>
                </div>
            </div>
        </div>
    </article>
    <!-- end layui-body -->
    <footer class="layui-footer m-footer m-footer--inline">
        <div class="layui-main">
            <p>© 2017 <a href="javascript:;">layui.com</a> MIT license</p>
            <p>
                <a href="javascript:;">链接1</a>
                <a href="javascript:;">链接2</a>
                <a href="javascript:;">链接3</a>
                <a href="javascript:;">链接4</a>
                <a href="javascript:;">链接5</a>
                <a href="javascript:;">链接6</a>
            </p>
            <p class="layui-breadcrumb" lay-separator="|">
                <a href="#">娱乐</a>
                <a href="#">八卦</a>
                <a href="#">体育</a>
                <a href="#">搞笑</a>
            </p>
        </div>
    </footer>
</div>

<script type="text/javascript" src="asset/plugins/layui/layui.js?rev=@@hash"></script>
<script>
    layui.config({
        base: './asset/' //这是存放拓展模块的根目录
    }).extend({ // 设定模块名
        mymod: 'js/mymod'
    });
    layui.use(['layer', 'element', 'mymod'], function () {
        var layer = layui.layer
            , form = layui.form
            , element = layui.element
            , mymod = layui.mymod;
//      layer.msg('Hello World');
    })
    //    layui.link('asset/css/main.css');
</script>
</body>
</html>